<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>传智健康</title>
    <link rel="stylesheet" href="../css/page-health-index.css"/>
    <link rel="stylesheet" href="../css/page-health-login.css"/>
    <link rel="stylesheet" href="../plugins/elementui/index.css"/>
    <script src="../plugins/jquery/dist/jquery.min.js"></script>
    <script src="../plugins/healthmobile.js"></script>
    <script src="../plugins/vue/vue.js"></script>
    <script src="../plugins/vue/axios-0.18.0.js"></script>
    <script src="../plugins/elementui/index.js"></script>
    <style>
        .input-with-select .el-input-group__prepend {
            background-color: #fff;
        }
        .el-message{
            min-width:30px
        }
    </style>
</head>
<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
<div class="app">
    <!-- 页面头部 -->
    <div class="top-header">
        <span class="f-left"><i class="icon-back"></i></span>
        <span class="center">传智健康</span>
        <span class="f-right"><i class="icon-more"></i></span>
    </div>
    <div class="contentBox">
        <div class="list-column2" disabled="false" id="contentBox">
            <ul class="list">
                <li class="type-item" style="width: 360px" v-for="c in tableData">
                    <a class="link-page">
                        <div class="type-title">
                            <h3>{{c.name}}</h3>
                            <p>{{c.sex}}</p>
                            <p>{{c.setmeal}}</p>
                            <p>{{c.date}}</p>
                            <p>{{c.result}}</p>
                            <p>{{c.remark}}</p>
                            <p>{{c.opinion}}</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
<script>
    var vue = new Vue({
        el: '.app',
        data: {
            tableData: [],
            input:''
        },
        methods: {
            view() {
                $("#contentBox").hide();
            },
            findAll() {
                axios.get("/queryReport/findAllReportByMemberId?memberId=" + 1).then(resp => {
                    if (resp.data.flag) {
                        this.tableData = resp.data.data;
                        this.$message.success(resp.data.message);
                    } else {
                        this.$message.error(resp.data.message);
                    }
                })
            },
            open() {
                this.$alert('这是一段内容', '标题名称', {
                        confirmButtonText: '确定',
                        callback: action => {
                            this.$message({
                                type: 'info',
                                message: `action: ${action}`,
                                width:'30px'
                            });
                        }
                    }
                )
            }

        },
        mounted() {
            $("#detail").hide();
            this.findAll()
        }
    })
</script>
</html>